<%--
    Document   : bingoServidor
    Created on : 17/12/2012, 06:10:06 PM
    Author     : Anderson Ramirez, Juan Pablo Moreno, Karen Angulo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
        <title>BINGO</title>
        <link rel="stylesheet" type="text/css" href="estilos/xr_main.css"/>
        <link rel="stylesheet" type="text/css" href="estilos/xr_text.css"/>
        <script type="text/javascript" charset="UTF-8" src="javascripts/bingo.js"></script>
    </head>
    <body style="background-color: #000000">
        <div class="xr_ap" id="xr_xr" style="width: 1050px; height: 1000px; top:0px; left:50%; margin-left: -525px;">
            <div class="xr_ap" id="xr_xri" style="width: 1050px; height: 1100px; clip: rect(0px, 1050px, 1500px, 0px); position: relative; margin-left: auto; margin-right: auto;">
                <img class="xr_ap" src="imagenes/fondo.png" alt="" title="" style="left: 25px; top: 28px; width: 1000px; height: 1000px;"/>
                <img class="xr_ap" src="imagenes/bingo_logo.gif" alt="" title="" style="left: 680px; top: 28px; width: 312px; height: 78px;"/>
                <img class="xr_ap" src="imagenes/panelLateral.png" alt="" title="" style="left: 666px; top: 105px; width: 336px; height: 677px;"/>
                <img class="xr_ap" src="imagenes/panelPrincipal.png" alt="" title="" style="left: 47px; top: 105px; width: 620px; height: 677px;"/>
                <img class="xr_ap" src="imagenes/barra.png" alt="" title="" style="left: 36px; top: 46px; width: 643px; height: 71px;"/>
                <img class="xr_ap" src="imagenes/formaBoton.png" alt="" title="" style="left: 639px; top: 150px; width: 389px; height: 104px;"/>
                <img class="xr_ap" src="imagenes/formaBoton.png" alt="" title="" style="left: 639px; top: 230px; width: 389px; height: 104px;"/>
                <a href="servidor_selecTipoJuego.jsp">
                    <img class="xr_ap" src="imagenes/botonJugar.png" style="left: 711px; top: 185px; width: 245px; height: 34px;" alt="" title="Tabla de puntuacion"</>
                </a>
                <a href="index.jsp">
                    <img class="xr_ap" src="imagenes/botonSalir.png" style="left: 711px; top: 265px; width: 245px; height: 34px;" alt="" title="Inicio"</>
                </a>

                <table class="xr_ap" style="TOP: 340px; LEFT: 680px">
                    <tr>
                        <td><textarea id="msjChat" name="msjChat"  cols="27" rows="1" placeholder="Digite su mensaje"></textarea></td>
                        <td><input id="botonEnviar" type=button value="enviar" onclick="insertarMensaje()"></td>
                    </tr>
                    <tr>
                        <td class="xr_s5" colspan="2" align="left">
                            <textarea name="contenidoChat" id="contenidoChat" cols="35" rows="20" readonly="readonly" ></textarea>
                        </td>
                        <td></td>
                    </tr>
                </table>

            </div>
        </div>
    </body>
</html>
